<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html>
<!--<![endif]-->

<head>
<meta charset="utf-8">
<title>Boo Admin - Dashboard 1</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link href="assets/css/lib/bootstrap.css" rel="stylesheet">
<link href="assets/css/lib/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/extension.css" rel="stylesheet">
<link href="assets/css/boo.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/boo-coloring.css" rel="stylesheet">
<link href="assets/css/boo-utility.css" rel="stylesheet">

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="assets/plugins/selectivizr/selectivizr-min.js"></script>
    <script src="assets/plugins/flot/excanvas.min.js"></script>
<![endif]-->

<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.html">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.html">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.html">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.html">
</head>

<body class="sidebar-left panel-side">
<div class="page-container">
    <div id="header-container">
        <div id="header">
            <div class="navbar navbar-inverse navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                        <a class="brand" href="javascript:void(0);"><img src="assets/img/demo/logo-brand.png"></a>
                        <div class="search-global">
                            <input id="globalSearch" class="search search-query input-medium" type="search">
                            <a class="search-button" href="javascript:void(0);"><i class="fontello-icon-search-5"></i></a> </div>
                        <div class="nav-collapse collapse">
                            <ul class="nav user-menu visible-desktop">
                                <li><a class="btn-glyph fontello-icon-edit tip-bc" href="javascript:void(0);" title="Messages"><span class="badge badge-important">8</span></a></li>
                                <li><a class="btn-glyph fontello-icon-mail-1 tip-bc" href="javascript:void(0);" title="Emails"></a></li>
                                <li><a class="btn-glyph fontello-icon-lifebuoy tip-bc" href="javascript:void(0);" title="Support"><span class="badge badge-important">4</span></a></li>
                            </ul>
                            <ul class="nav">
                                <li class="active"> <a href="dashboard-one.html">Dashboard</a> </li>
                                <li> <a href="javascript:void(0);">Components</a> </li>
                                <li> <a href="component-fullcalendar-demo.html"><span class="fontello-icon-calendar"></span>Calendar</a> </li>
                                <li> <a href="javascript:void(0);"><span class="fontello-icon-users"></span>Contacts</a> </li>
                                <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><span class="fontello-icon-list-1"></span>Customize <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="component-form-demo.html">Demo Form</a></li>
                                        <li><a href="component-widgets-remember.html">Remember</a></li>
                                        <li><a href="component-widgets-users.html">User List</a></li>
                                        <li class="divider"></li>
                                        <li class="nav-header">Next Update</li>
                                        <li><a href="javascript:void(0);">Contacts</a></li>
                                        <li><a href="javascript:void(0);">Email</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- // navbar -->
            
            <div class="header-drawer">
                <div class="mobile-nav text-center visible-phone"> <a href="javascript:void(0);" class="mobile-btn" data-toggle="collapse" data-target=".sidebar"><i class="aweso-icon-chevron-down"></i> Components</a> </div>
                <!-- // Resposive navigation -->
                <div class="breadcrumbs-nav hidden-phone">
                    <ul id="breadcrumbs" class="breadcrumb">
                        <li><a href="javascript:void(0);"><i class="fontello-icon-home f12"></i> Dashboard</a> <span class="divider">/</span></li>
                        <li class="dropdown"><a href="javascript:void(0);">Table </a> <span class="divider">/</span>
                            <ul class="dropdown-menu">
                                <li><a href="javascript:void(0);">Table</a></li>
                                <li><a href="javascript:void(0);">Elements</a></li>
                                <li><a href="javascript:void(0);">Elements</a></li>
                                <li><a href="javascript:void(0);">Elements</a></li>
                            </ul>
                        </li>
                        <li class="active">Boo Admin </li>
                    </ul>
                </div>
                <!-- // breadcrumbs --> 
            </div>
            <!-- // drawer --> 
        </div>
    </div>
    <!-- // header-container -->
    
    <div id="main-container">
        <div id="main-sidebar" class="sidebar sidebar-inverse">
            <div class="sidebar-item">
                <div class="media profile">
                    <div class="media-thumb media-left thumb-bordereb"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb" src="assets/img/demo/demo-avatar9604.jpg"></a> </div>
                    <div class="media-body">
                        <h5 class="media-heading">Twitter Bootstrap <small>as Administrator</small></h5>
                        <p class="data">Last Access: 16 May 15:30</p>
                    </div>
                </div>
            </div>
            <!-- // sidebar item - profile -->
            
            <ul id="mainSideMenu" class="nav nav-list nav-side">
                <li class="accordion-group">
                    <div class="accordion-heading active"> <a href="#accDash" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-monitor"></span> <i class="chevron fontello-icon-right-open-3"></i> Dashboards </a> </div>
                    <ul class="accordion-content nav nav-list collapse in" id="accDash">
                        <li class="active"> <a href="dashboard-one.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Dashboard</span> Demo 1 </a> </li>
                        <li> <a href="dashboard-two.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Dashboard</span> Demo 2 </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Dashboard -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accForms" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon aweso-icon-list-alt"></span><i class="chevron fontello-icon-right-open-3"></i> Form </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accForms">
                        <li> <a href="component-form-demo.html"> <i class="fontello-icon-right-dir"></i> Demo Form </a> </li>
                        <li> <a href="component-form-element.html"> <i class="fontello-icon-right-dir"></i> Form Element </a> </li>
                        <li> <a href="component-form-extension.html"> <i class="fontello-icon-right-dir"></i> Form Extension</a> </li>
                        <li> <a href="component-form-wizard.html"> <i class="fontello-icon-right-dir"></i> Form Wizard</a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Forms -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accTables" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-align-justify"></span> <i class="chevron fontello-icon-right-open-3"></i> Tables </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accTables">
                        <li> <a href="component-table.html"> <i class="fontello-icon-right-dir"></i> Base Table </a> </li>
                        <li> <a href="component-table-boo.html"> <i class="fontello-icon-right-dir"></i> Boo Table </a> </li>
                        <li> <a href="component-table-datatable.html"> <i class="fontello-icon-right-dir"></i> DataTable </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Tables -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accStatistics" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-chart"></span> <i class="chevron fontello-icon-right-open-3"></i> Statistics </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accStatistics">
                        <li> <a href="statistic-flot.html"> <i class="fontello-icon-right-dir"></i> Charts </a> </li>
                        <li> <a href="statistic-sparkline.html"> <i class="fontello-icon-right-dir"></i> Sparklines </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Statistics -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accWidgets" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon  fontello-icon-window"></span> <i class="chevron fontello-icon-right-open-3"></i> Widgets </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accWidgets">
                        <li> <a href="component-widget-style.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Widgets </span> Style </a> </li>
                        <li> <a href="component-widget-custom.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Widgets </span> Custom </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Widgets -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accButtons" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-puzzle"></span> <i class="chevron fontello-icon-right-open-3"></i> UI Elements </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accButtons">
                        <li> <a href="elements-button.html"> <i class="fontello-icon-right-dir"></i> Button </a> </li>
                        <li> <a href="elements-icon-font.html"> <i class="fontello-icon-right-dir"></i> Iconic fonts </a> </li>
                        <li> <a href="elements-icon-fugue-demo.html"> <i class="fontello-icon-right-dir"></i> Icon </a> </li>
                        <li> <a href="elements-wells.html"> <i class="fontello-icon-right-dir"></i> Wells </a> </li>
                        <li> <a href="elements-tabs.html"> <i class="fontello-icon-right-dir"></i> Tabs </a> </li>
                        <li> <a href="elements-modals.html"> <i class="fontello-icon-right-dir"></i> Modal </a> </li>
                        <li> <a href="elements-progressbar.html"> <i class="fontello-icon-right-dir"></i> Progressbar </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu UI Elements -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accCalendar" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-calendar"></span> <i class="chevron fontello-icon-right-open-3"></i> Calendar </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accCalendar">
                        <li> <a href="component-fullcalendar-demo.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Calendar </span> Demo </a> </li>
                        <li> <a href="component-fullcalendar.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Calendar </span> Style </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Calendar -->
            </ul>
            <!-- // sidebar menu -->
            
            <div class="sidebar-item"></div>
            <!-- // sidebar item --> 
            
        </div>
        <!-- // sidebar -->
        
        <div id="main-content" class="main-content container-fluid">
            <div class="row-fluid page-head">
                <h2 class="page-title"><i class="fontello-icon-monitor"></i> Dashboard <small>demo dashboard 1</small></h2>
                <p class="pagedesc">Sample preparation dashboard Boo of Administrators - Demopage One </p>
                <div class="page-bar">
                    <div class="btn-toolbar"> </div>
                </div>
            </div>
            <!-- // page head -->
            
            <div id="page-content" class="page-content">
                <section>
                    <div class="row-fluid margin-top20">
                        <div class="span12 well well-black">
                            <div class="row-fluid">
                                <div class="span6 grider">
                                    <h3><i class="fontello-icon-chart-bar-3"></i> Daily VISIT <small>Weekends are colored</small></h3>
                                    <p class="pagedesc">Statistical sample chart with jQuery Flot graphs. The content below are loaded using inline data.</p>
                                    <hr class="margin-mx">
                                    <div id="dashChartVisitors" style="width:100%; height:170px" class="margin-bottom32"> </div>
                                    <!-- // Chart 1 -->
                                    <div id="dashChartVisitorsOverview" style="width:99%;height:45px"> </div>
                                    <!-- // Chart 2 -->
                                    <p class="info-block">To zoom in, select the area or use the button.</p>
                                    <div class="btn-toolbar"> <a id="setLastHours" class="btn btn-green">last 24 hours</a> <a id="setLastSevenDays" class="btn btn-green">last 7 days</a> <a id="setLastFortnight" class="btn btn-green">last 14 days</a> <a id="clearSelection" class="btn btn-red">Clear</a> <a class="btn btn-grey" href="#">View details &raquo;</a> </div>
                                    <hr class="mm" />
                                    <!-- // Chart block -->
                                    
                                    <div class="row-fluid">
                                        <div class="span12">
                                            <table class="table table-condensed">
                                                <caption>
                                                Default Table Caption - Title for table <span>Here text in span</span>
                                                </caption>
                                                <thead>
                                                    <tr>
                                                        <th scope="col" width="40%"> Traffic sources</th>
                                                        <th scope="col" class="hidden-phone">Current Month</th>
                                                        <th scope="col" class="hidden-tablet hidden-phone">Change</th>
                                                        <th scope="col" class="text-right">Target</th>
                                                        <th scope="col" width="100px">Trend</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <th><span class="label label-positive">Direct</span></th>
                                                        <td class="hidden-phone text-right bold">547</td>
                                                        <td class="hidden-tablet hidden-phone text-right positive bold"> + 44 <i class="ficon-up-dir f-16"></i></td>
                                                        <td class="text-right">600</td>
                                                        <td><div class="section-chart"> <span class="DSPLine" values="7,9,8,7,7,9,8,9,10,11,12,10,9,9,8,10,11,9,10,3,7,8,6"></span> </div></td>
                                                    </tr>
                                                    <tr>
                                                        <th><span class="label label-positive">Refer</span></th>
                                                        <td class="hidden-phone text-right bold">724</td>
                                                        <td class="hidden-tablet hidden-phone text-right positive bold">+ 38 <i class="ficon-up-dir f-16"></i></td>
                                                        <td class="text-right">500</td>
                                                        <td><div class="section-chart"> <span class="DSPLine" values="30,32,33,31,33,34,36,37,38,40,36,32,33,37,39,42"></span> </div></td>
                                                    </tr>
                                                    <tr>
                                                        <th><span class="label label-negative">Social</span></th>
                                                        <td class="hidden-phone text-right bold">918</td>
                                                        <td class="hidden-tablet hidden-phone text-right"><span class="badge badge-negative"> - 59 <i class="ficon-down-dir f-16"></i></span></td>
                                                        <td class="text-right">600</td>
                                                        <td><div class="section-chart"> <span class="DSPLine" values="10,11,10,18,16,17,19,19,21,24,25,27,25,28,22,17"></span> </div></td>
                                                    </tr>
                                                    <tr>
                                                        <th><span class="label label-positive">Search</span></th>
                                                        <td class="hidden-phone text-right bold">754</td>
                                                        <td class="hidden-tablet hidden-phone text-right positive bold">+ 42 <i class="ficon-up-dir f-16"></i></td>
                                                        <td class="text-right">600</td>
                                                        <td><div class="section-chart"> <span class="DSPLine" values="7,7,0,2,4,5,0,1,1,2,6,2,5,7,9,0,4,3,4,6,5,3"></span> </div></td>
                                                    </tr>
                                                    <tr>
                                                        <th><span class="label label-inverse">Internal</span></th>
                                                        <td class="hidden-phone text-right bold">700</td>
                                                        <td class="hidden-tablet hidden-phone text-right bold">+ 95 <i class=" ficon-left-dir f-16"></i></td>
                                                        <td class="text-right">1000</td>
                                                        <td><div class="section-chart"> <span class="DSPLine" values="17,17,17,17,17,18,17,17,17,17,17,17,18,17,17,18,17"></span> </div></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <!-- // Example row --> 
                                    
                                </div>
                                <!-- // column -->
                                
                                <div class="span6 grider">
                                    <div class="row-fluid">
                                        <div class="span6 grider-item">
                                            <div class="row-fluid">
                                                <div class="span12 grider-item">
                                                    <div class="statistic-box well well-black">
                                                        <div class="section-title">
                                                            <h5><i class="fontello-icon-back-in-time"></i> Activity</h5>
                                                        </div>
                                                        <div class="section-content item">
                                                            <h4 class="statistic-values pull-left padding-right10"> <span class="section-icon"><i class="fontello-icon-monitor"></i></span> 84% </h4>
                                                            <span> Desktop</span> </div>
                                                        <div class="section-content">
                                                            <h4 class="statistic-values pull-left padding-right10"> <span class="section-icon"><i class="fontello-icon-mobile"></i></span> 16% </h4>
                                                            <span> Mobile</span> </div>
                                                    </div>
                                                    <!-- // box --> 
                                                </div>
                                                <!-- // column --> 
                                            </div>
                                            <!-- // Example row -->
                                            
                                            <div class="row-fluid">
                                                <div class="span12 grider-item">
                                                    <ul class="nav nav-well">
                                                        <li><a class="well well-black" href="javascript:void(0);"><i class="fontello-icon-users"></i>
                                                            <h4 class="statistic-values pull-right">2559</h4>
                                                            Total Users</a></li>
                                                        <li><a class="well well-black" href="javascript:void(0);"><i class="fontello-icon-user-4"></i>
                                                            <h4 class="statistic-values pull-right">21</h4>
                                                            New Users (last week)</a></li>
                                                        <li><a class="well well-black" href="javascript:void(0);"><i class="fontello-icon-basket-2"></i>
                                                            <h4 class="statistic-values pull-right">15 487</h4>
                                                            Total Shop Items</a></li>
                                                        <li><a class="well well-black" href="javascript:void(0);"><i class="fontello-icon-archive"></i>
                                                            <h4 class="statistic-values pull-right">69 789</h4>
                                                            Total Orders</a></li>
                                                        <li><a class="well well-black positive" href="javascript:void(0);"><i class="fontello-icon-download"></i>
                                                            <h4 class="statistic-values pull-right">9</h4>
                                                            Pending Orders</a></li>
                                                        <li><a class="well well-black negative" href="javascript:void(0);"><i class="fontello-icon-lifebuoy"></i>
                                                            <h4 class="statistic-values pull-right">4</h4>
                                                            Customer Support</a></li>
                                                    </ul>
                                                    <!-- // statistic nav --> 
                                                </div>
                                                <!-- // column --> 
                                            </div>
                                            <!-- // Example row --> 
                                            
                                        </div>
                                        <!-- // column -->
                                        
                                        <div class="span6 grider-item">
                                            <div class="row-fluid">
                                                <div class="span12 grider-item">
                                                    <div class="statistic-box well well-black well-impressed">
                                                        <div class="section-title">
                                                            <h5><i class="fontello-icon-users"></i> Total trafic</h5>
                                                        </div>
                                                        <div class="section-content">
                                                            <h2 class="statistic-values">22,266 <span class="negative"><i class="indicator fontello-icon-down-dir"></i><sub>-708</sub></span></h2>
                                                            <span class="info-block">Total Trafic Previous 30 days: 21,558</span> </div>
                                                    </div>
                                                    <!-- // box --> 
                                                </div>
                                                <!-- // column --> 
                                            </div>
                                            <!-- // Example row -->
                                            
                                            <div class="row-fluid">
                                                <div class="span12 grider-item">
                                                    <div class="statistic-box well well-black well-impressed">
                                                        <div class="section-title">
                                                            <h5><i class="fontello-icon-user"></i> Unique Visits</h5>
                                                        </div>
                                                        <div class="section-content">
                                                            <h2 class="statistic-values">14,746 <span class="positive"><i class="indicator fontello-icon-up-dir"></i><sup>+4,460</sup></span></h2>
                                                            <span class="info-block">Unique Visits Previous 30 days: 10,268</span> </div>
                                                    </div>
                                                    <!-- // box --> 
                                                </div>
                                                <!-- // column --> 
                                            </div>
                                            <!-- // Example row -->
                                            
                                            <div class="row-fluid">
                                                <div class="span12 grider-item">
                                                    <div class="statistic-box well well-black well-impressed">
                                                        <div class="section-title">
                                                            <h5><i class="fontello-icon-user"></i> Unique Visits</h5>
                                                        </div>
                                                        <div class="section-content">
                                                            <h2 class="statistic-values">14,746 <span class="positive"><i class="indicator fontello-icon-up-dir"></i><sup>+4,460</sup></span></h2>
                                                            <span class="info-block">Unique Visits Previous 30 days: 10,268</span> </div>
                                                    </div>
                                                    <!-- // box --> 
                                                </div>
                                                <!-- // column --> 
                                            </div>
                                            <!-- // Example row -->
                                            
                                            <div class="row-fluid">
                                                <div class="span12 grider-item">
                                                    <div class="statistic-box well well-black well-impressed">
                                                        <div class="section-left"> <i class="fontello-icon-users f-28"></i> </div>
                                                        <div class="section-wrapper-right">
                                                            <div class="section-right">
                                                                <h3 class="statistic-values negative"> - 2,726 <i class="indicator fontello-icon-down-dir f-28"></i></h3>
                                                                <span class="info-block">Total trafic 30 days</span> </div>
                                                        </div>
                                                    </div>
                                                    <!-- // box --> 
                                                </div>
                                                <!-- // column --> 
                                            </div>
                                            <!-- // Example row -->
                                            
                                            <div class="row-fluid">
                                                <div class="span12 grider-item">
                                                    <div class="statistic-box well well-black well-impressed">
                                                        <div class="section-left"> <i class="fontello-icon-users f-28"></i> </div>
                                                        <div class="section-wrapper-right">
                                                            <div class="section-right">
                                                                <h3 class="statistic-values positive"> + 2,726 <i class="indicator fontello-icon-up-dir f-28"></i></h3>
                                                                <span class="info-block">Total trafic 30 days</span> </div>
                                                        </div>
                                                    </div>
                                                    <!-- // box --> 
                                                </div>
                                                <!-- // column --> 
                                            </div>
                                            <!-- // Example row --> 
                                            
                                        </div>
                                        <!-- // column --> 
                                        
                                    </div>
                                    <!-- // Example row --> 
                                </div>
                                <!-- // column --> 
                                
                            </div>
                        </div>
                        <!-- // column --> 
                        
                    </div>
                    <!-- // Example row --> 
                    
                </section>
                <section>
                    <div class="row-fluid">
                        <div class="span4">
                            <div class="widget widget-simple">
                                <div class="widget-header header-small"> <a class="btn btn-mini btn-success pull-right" href="#">Show All</a>
                                    <h6><i class="fontello-icon-net"></i> Top Referrers</h6>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <table class="table table-condensed table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Referrer</th>
                                                    <th>Uniques</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><a target="_blank" href="http://www.google.com/">google.com</a></td>
                                                    <td><span>1278</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a target="_blank" href="http://www.facebook.com/">facebook.com</a></td>
                                                    <td><span>846</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a target="_blank" href="http://www.themeforest.net/">themeforest.net</a></td>
                                                    <td><span>765</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a target="_blank" href="http://www.dribbble.com/">dribbble.com</a></td>
                                                    <td><span>598</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a target="_blank" href="http://www.twitter.com/">twitter.com</a></td>
                                                    <td><span>345</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a target="_blank" href="http://www.seznam.cz/">seznam.cz</a></td>
                                                    <td><span>294</span></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- // widget --> 
                        </div>
                        <!-- // column -->
                        
                        <div class="span4">
                            <div class="widget widget-simple">
                                <div class="widget-header header-small"> <a class="btn btn-mini btn-success pull-right" href="#">Show All</a>
                                    <h6><i class="fontello-icon-eye-1"></i> Most Visited Pages</h6>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <table class="table table-condensed table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Page</th>
                                                    <th>Visits</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><a href="javascript:;">Dashboard</a></td>
                                                    <td><span>2654</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="javascript:;">Form Demo</a></td>
                                                    <td><span>2154</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="javascript:;">Boo DataTable</a></td>
                                                    <td><span>1945</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="javascript:;">Statistic Flot</a></td>
                                                    <td><span>1654</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="javascript:;">ProgressBars</a></td>
                                                    <td><span>1125</span></td>
                                                </tr>
                                                <tr>
                                                    <td><a href="javascript:;">Widgets</a></td>
                                                    <td><span>948</span></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- // column -->
                        
                        <div class="span4">
                            <div class="widget well well-black">
                                <div class="widget-header header-small"> <a class="btn btn-mini btn-success pull-right" href="#">Show All</a>
                                    <h6><i class="fontello-icon-popup-2"></i> Browsers</h6>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <table class="table table-condensed table-striped">
                                            <thead>
                                                <tr>
                                                    <th>Browser</th>
                                                    <th>Visits</th>
                                                    <th>Percent</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <th>Firefox</th>
                                                    <td><span>2598</span></td>
                                                    <td><div class="progress progress-success progress-small margin-s0">
                                                            <div class="bar tip-tc" style="width:36%" title="36%"> </div>
                                                        </div></td>
                                                </tr>
                                                <tr>
                                                    <th>Chrome</th>
                                                    <td><span>1546</span></td>
                                                    <td><div class="progress progress-success progress-small margin-s0">
                                                            <div class="bar tip-tc" style="width:21%" title="21%"> </div>
                                                        </div></td>
                                                </tr>
                                                <tr>
                                                    <th>Internet Explorer</th>
                                                    <td><span>1120</span></td>
                                                    <td><div class="progress progress-success progress-small margin-s0">
                                                            <div class="bar tip-tc" style="width:18%" title="18%"> </div>
                                                        </div></td>
                                                </tr>
                                                <tr>
                                                    <th>Safari</th>
                                                    <td><span>756</span></td>
                                                    <td><div class="progress progress-success progress-small margin-s0">
                                                            <div class="bar tip-tc" style="width:12%" title="12%"> </div>
                                                        </div></td>
                                                </tr>
                                                <tr>
                                                    <th>Opera</th>
                                                    <td><span>412</span></td>
                                                    <td><div class="progress progress-success progress-small margin-s0">
                                                            <div class="bar tip-tc" style="width:10%" title="10%"> </div>
                                                        </div></td>
                                                </tr>
                                                <tr>
                                                    <th>Others</th>
                                                    <td><span>165</span></td>
                                                    <td><div class="progress progress-success progress-small margin-s0">
                                                            <div class="bar tip-tc" style="width:3%" title="3%"> </div>
                                                        </div></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- // column --> 
                        
                    </div>
                    <!-- // Example row --> 
                    
                </section>
                <section>
                    <div class="row-fluid">
                        <div class="span8">
                            <div class="widget widget-recent">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-article-alt-1"></i>Recent Posts</h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list">
                                            <li class="media media-overflow">
                                                <div class="media-right">
                                                    <div class="quick-menu">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-success" href="javascript:void(0);">Approve</a> <a data-toggle="dropdown" class="btn btn-mini dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <ul class="data inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h4>
                                                    <p class="data">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest...</p>
                                                </div>
                                            </li>
                                            <li class="media media-overflow">
                                                <div class="media-right">
                                                    <div class="quick-menu">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-success" href="javascript:void(0);">Approve</a> <a data-toggle="dropdown" class="btn btn-mini dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <ul class="data inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Lorem ipsum dolor sit amet consectetuer</a></h4>
                                                    <p class="data">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras sit amet nibh libero, in gravida nulla.</p>
                                                </div>
                                            </li>
                                            <li class="media media-overflow">
                                                <div class="media-right">
                                                    <div class="quick-menu">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-success" href="javascript:void(0);">Approve</a> <a data-toggle="dropdown" class="btn btn-mini dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <ul class="data inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Nunc porta Maecenas</a></h4>
                                                    <p class="data">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest...</p>
                                                </div>
                                            </li>
                                            <li class="media media-overflow">
                                                <div class="media-right">
                                                    <div class="quick-menu">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-success" href="javascript:void(0);">Approve</a> <a data-toggle="dropdown" class="btn btn-mini dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <ul class="data inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Elit tincidunt Suspendisse</a></h4>
                                                    <p class="data">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras sit amet nibh libero.</p>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget --> 
                        </div>
                        <!-- // column -->
                        
                        <div class="span4">
                            <div class="widget widget-simple">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-th-list-4"></i> Posts by Category</h4>
                                </div>
                                <!-- // widget header -->
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <div class="progress-group margin-00">
                                            <div class="label-field">Entertaiment <span class="pull-right">536 posts</span></div>
                                            <div class="progress progress-success progress-mini filled3 margin-0s">
                                                <div class="filler">
                                                    <div class="bar" style="width:100%"> </div>
                                                </div>
                                            </div>
                                            <!-- // progress 1 -->
                                            
                                            <div class="label-field">Fashion <span class="pull-right">359 posts</span></div>
                                            <div class="progress progress-success progress-mini filled3 margin-0s">
                                                <div class="filler">
                                                    <div class="bar" style="width:75%"> </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- // progress 2 -->
                                        
                                        <div class="label-field">Gaming <span class="pull-right">298 posts</span></div>
                                        <div class="progress progress-success progress-mini filled3 margin-0s">
                                            <div class="filler">
                                                <div class="bar" style="width:52%"> </div>
                                            </div>
                                        </div>
                                        <!-- // progress 3 -->
                                        
                                        <div class="label-field">Business <span class="pull-right">274 posts</span></div>
                                        <div class="progress progress-success progress-mini filled3 margin-0s">
                                            <div class="filler">
                                                <div class="bar" style="width:50%"> </div>
                                            </div>
                                        </div>
                                        <!-- // progress 3 -->
                                        
                                        <div class="label-field">Journals <span class="pull-right">214 posts</span></div>
                                        <div class="progress progress-success progress-mini filled3 margin-0s">
                                            <div class="filler">
                                                <div class="bar" style="width:46%"> </div>
                                            </div>
                                        </div>
                                        <!-- // progress 3 -->
                                        
                                        <div class="label-field">Auto <span class="pull-right">196 posts</span></div>
                                        <div class="progress progress-success progress-mini filled3 margin-0s">
                                            <div class="filler">
                                                <div class="bar" style="width:38%"> </div>
                                            </div>
                                        </div>
                                        <!-- // progress 3 --> 
                                    </div>
                                </div>
                                <!-- // widget content --> 
                            </div>
                            <!-- // Widget --> 
                        </div>
                        <!-- // column --> 
                    </div>
                    <!-- // Example row --> 
                    
                </section>
            </div>
            <!-- // page content --> 
            
        </div>
        <!-- // main-content --> 
        
    </div>
    <!-- // main-container  -->
    
    <footer id="footer-fix">
        <div id="footer-sidebar" class="footer-sidebar">
            <div class="navbar">
                <div class="btn-toolbar"> <a class="btn btn-glyph btn-link" href="javascript:void(0);"><i class="fontello-icon-up-open-1"></i></a> </div>
            </div>
        </div>
        <!-- // footer sidebar -->
        
        <div id="footer-content" class="footer-content">
            <div class="navbar navbar-inverse">
                <div class="navbar-inner">
                    <ul class="nav pull-left">
                        <li class="divider-vertical hidden-phone"></li>
                        <li><a id="btnToggleSidebar" class="btn-glyph fontello-icon-resize-full-2 tip hidden-phone" href="javascript:void(0);" title="show hide sidebar"></a></li>
                        <li class="divider-vertical hidden-phone"></li>
                        <li><a id="btnChangeSidebar" class="btn-glyph fontello-icon-login tip hidden-phone" href="javascript:void(0);" title="change sidebar position"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a id="btnChangeSidebarColor" class="btn-glyph fontello-icon-palette tip" href="javascript:void(0);" title="change sidebar color"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a class="btn-glyph fontello-icon-cw" href="javascript:void(0);"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a class="fontello-icon-home-3" href="dashboard-one.html"></a></li>
                        <li class="divider-vertical"></li>
                    </ul>
                    <ul class="nav pull-right">
                        <li class="divider-vertical"></li>
                        <li><a class="btn-glyph fontello-icon-help-2 tip" href="javascript:void(0);" title="help to page"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a class="btn-glyph fontello-icon-cog-4 tip" href="javascript:void(0);" title="settings app"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a id="btnLogout" class="btn-glyph fontello-icon-logout-1 tip" href="javascript:void(0);" title="logout"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a id="btnScrollup" class="scrollup btn-glyph fontello-icon-up-open-1" href="javascript:void(0);"><span class="hidden-phone">Scroll</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- // footer content --> 
        
    </footer>
    <!-- // footer-fix  --> 
    
</div>
<!-- // page-container  --> 

<!-- Le javascript --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="assets/plugins/bootstrap-wysihtml5/lib/js/wysihtml5-0.3.0.min.js"></script> 
<script src="assets/js/lib/jquery.js"></script> 
<script src="assets/js/lib/jquery-ui.js"></script>
<script src="assets/js/lib/bootstrap.js"></script> 
<script src="assets/js/lib/jquery.cookie.js"></script> 

<!-- Plugins Bootstrap --> 
<script src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script> 
<script src="assets/plugins/bootstrap-timepicker/js/bootstrap-timepicker.js"></script> 
<script src="assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script> 
<script src="assets/plugins/bootstrap-daterangepicker/js/date.js"></script> 
<script src="assets/plugins/bootstrap-daterangepicker/js/bootstrap-daterangepicker.js"></script> 
<script src="assets/plugins/bootstrap-fileupload/js/bootstrap-fileupload.js"></script> 
<script src="assets/plugins/bootstrap-rowlink/js/bootstrap-rowlink.js"></script> 
<script src="assets/plugins/bootstrap-progressbar/js/bootstrap-progressbar.js"></script> 
<script src="assets/plugins/bootstrap-wysihtml5/src/bootstrap-wysihtml5.js"></script> 
<script src="assets/plugins/bootstrap-select/bootstrap-select.js"></script>
<script src="assets/plugins/bootstrap-bootbox/bootbox.min.js"></script> 
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js"></script> 
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modal.js"></script>
<script src="assets/plugins/bootstrap-wizard/js/bootstrap-wizard.js"></script> 
<script src="assets/plugins/bootstrap-toggle-buttons/js/bootstrap-toggle-buttons.js"></script>

<!-- Plugins Custom -->
<script src="assets/plugins/google-code-prettify/prettify.js"></script> 
<script src="assets/plugins/nicescroll/jquery.nicescroll.min.js"></script> 
<script src="assets/plugins/qtip2/dist/jquery.qtip.min.js"></script> 
<script src="assets/plugins/list/js/list.min.js"></script> 
<script src="assets/plugins/list/plugins/list.paging.min.js"></script> 
<script src="assets/plugins/fullcalendar/fullcalendar.js"></script> 

<!-- Plugins Forms --> 
<script src="assets/plugins/uniform/jquery.uniform.js"></script> 
<script src="assets/plugins/select2/select2.min.js"></script> 
<script src="assets/plugins/counter/jquery.counter.js"></script> 
<script src="assets/plugins/elastic/jquery.elastic.js"></script> 
<script src="assets/plugins/inputmask/jquery.inputmask.js"></script> 
<script src="assets/plugins/inputmask/jquery.inputmask.extensions.js"></script> 
<script src="assets/plugins/validate/js/jquery.validate.min.js"></script> 
<script src="assets/plugins/xbreadcrumbs/xbreadcrumbs.js"></script> 

<!-- Charts --> 
<script src="assets/plugins/sparkline/jquery.sparkline.js"></script> 
<script src="assets/plugins/flot/jquery.flot.js"></script> 
<script src="assets/plugins/flot/jquery.flot.categories.js"></script> 
<script src="assets/plugins/flot/jquery.flot.grow.js"></script> 
<script src="assets/plugins/flot/jquery.flot.orderBars.js"></script> 
<script src="assets/plugins/flot/jquery.flot.pie.js"></script> 
<script src="assets/plugins/flot/jquery.flot.resize.js"></script> 
<script src="assets/plugins/flot/jquery.flot.selection.js"></script> 
<script src="assets/plugins/flot/jquery.flot.stack.js"></script> 
<script src="assets/plugins/flot/jquery.flot.stackpercent.js"></script> 
<script src="assets/plugins/flot/jquery.flot.time.js"></script> 

<!-- Plugins Tables --> 
<script src="assets/plugins/datatables/media/js/jquery.dataTables.js"></script> 
<script src="assets/plugins/datatables/plugin/jquery.dataTables.plugins.js"></script> 
<script src="assets/plugins/datatables/plugin/jquery.dataTables.columnFilter.js"></script> 

<!-- main js -->
<script src="assets/js/application.js"></script>  

<!-- Only This Demo Page --> 
<script src="assets/js/demo/demo-dashboard1.js"></script> 

</body>
</html>
